/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: 沈小白 2020-07-22 $
 */<template> 
	<view>
		<view class="mesg_detail">
			<view class='mesgdeta_tit'><text>{{mesgdetails.message_title}}</text></view>
		    <view class="mesg_info">
		        <text class='mesg_type'>类型：通知消息</text>
		        <text class='mesgdeta_time'>{{mesgdetails.send_time_texts}}</text>
		    </view>
		    <view class="mesg_con">{{mesgdetails.message_content}}</view>
		</view>
	</view>
</template>

<script>
	import {getNoticeInfo} from "@/api/api.js";
	export default {
		data() {
			return {
				mesgdetails:"",//消息
			};
		},
		onLoad(options){
			console.log(options);
			let rec_id=options.rec_id;
			if(!options.rec_id){
				 uni.showModal({
				   title: '获取提示',
				   content: '未传入消息ID',
				   showCancel:false
				 })
				 return;
			  }
			this.getNoticeInfo(rec_id)
		},
		methods:{
			getNoticeInfo(rec_id){
				getNoticeInfo(rec_id).then(res=>{
					console.log(res)
					this.mesgdetails=res;
				})
			}
		}
	}
</script>

<style lang="scss">
page{
    background: #f5f5f5;
}
.mesg_detail{ 
    width:92%; 
    height:auto; 
    text-align:center; 
    padding:0 4%; 
    padding-top:60rpx;
}
.mesg_detail .mesgdeta_tit{ 
    font-size:36rpx; 
    color:#333; 
    font-weight:bold; 
    letter-spacing:4rpx; 
    line-height:48rpx;
}
.mesg_info{
    color: #999;
    font-size:24rpx;
    line-height:30rpx;
    margin:30rpx 0;
}
.mesg_info .mesg_type{ 
    margin-right:30rpx;
}
.mesg_con{ 
    min-height: 500rpx;
    font-size:30rpx; 
    color:#333; 
    line-height:42rpx; 
    text-align:justify;
}
.mesg_con img{ 
    max-width:100%; 
    height:auto; 
    margin:30rpx 0;
}
</style>
